/* CSS Document */
.header{ position:fixed; z-index:9999; width:100%;}
.gyx{ width:150px; height:35px; line-height:35px; color:#FFFFFF; background-color:#E7000A; text-align:center;border-radius: 20px; margin-top:23px; text-align:center; }
.gyx span{ background:url(../image/sc.png) left no-repeat; padding-left:50px; color:#FFFFFF;}
.tel{ width:171px; height:52px; background:url(../image/tel.jpg); margin-top:15px; margin-left:15px;}
.search-keyword{ background:none; border:none; color:#FFFFFF;}
.hidden-mobile-mode{ width:180px; background-color:#999999;border-radius: 20px; height:35px; line-height:35px; float:left;}
.hidden-mobile-mode button{ border:none; background:none; float:right; position:relative; top:-40px;}
.footer li a{ font-size:18px;}
.text-hs a:hover{ color:#FFFFFF;}

/*----*/
#full-screen-slider { width:100%; height:100vh; float:left; position:relative;z-index:999;}
#slides { display:block; width:100%; height:100vh; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:28%; bottom:19%; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:23px; height:21px; line-height:16px; float:left; margin-left:15px; border-radius:5px; background:url(../image/a2.png)}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:url(../image/a1.png)}

.advantage-box .uk-panel:hover{ background-color:#E7000A; color:#FFFFFF}
.advantage-box .uk-panel:hover h4, .advantage-box .uk-panel:hover p{ color:#FFFFFF}
.advantage-box h4{ text-align:center;}
.advantage-box p{ text-align:center;}
.advantage-box .uk-panel{ padding-top:25px;transition: all 0.9s;}
.advantage-box i{ display: block; width: 65px; height: 65px; margin: 0 auto;}
.advantage-box .xbox-1 i{ background: url(../image/y1.png) no-repeat;}
.advantage-box .xbox-2 i{ background: url(../image/y2.png) no-repeat;}
.advantage-box .xbox-3 i{ background: url(../image/y3.png) no-repeat;}
.advantage-box .xbox-4 i{ background: url(../image/y4.png) no-repeat;}
.advantage-box .xbox-5 i{ background: url(../image/y5.png) no-repeat;}
.advantage-box .xbox-6 i{ background: url(../image/y6.png) no-repeat;}
.advantage-box .xbox-7 i{ background: url(../image/y7.png) no-repeat;}
.advantage-box .xbox-8 i{ background: url(../image/y8.png) no-repeat;}
.advantage-box .xbox-1:hover i{ background: url(../image/y1-hover.png) no-repeat;}
.advantage-box .xbox-2:hover i{ background: url(../image/y2-hover.png) no-repeat;}
.advantage-box .xbox-3:hover i{ background: url(../image/y3-hover.png) no-repeat;}
.advantage-box .xbox-4:hover i{ background: url(../image/y4-hover.png) no-repeat;}
.advantage-box .xbox-5:hover i{ background: url(../image/y5-hover.png) no-repeat;}
.advantage-box .xbox-6:hover i{ background: url(../image/y6-hover.png) no-repeat;}
.advantage-box .xbox-7:hover i{ background: url(../image/y7-hover.png) no-repeat;}
.advantage-box .xbox-8:hover i{ background: url(../image/y8-hover.png) no-repeat;}
.qywh .uk-panel:hover{ background-color:#E7000A; color:#FFFFFF}
.qywh .uk-panel:hover h3, .qywh .uk-panel:hover p{ color:#FFFFFF}
.qywh h3{ text-align:left; margin-top:20px;}
.qywh p{ text-align:left; padding-right:30px; font-size:20px;}
.qywh .uk-panel{ padding-top:25px;transition: all 0.9s;box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.1); height:212px; margin-bottom:30px;}
.qywh i{ display: block; width: 130px; height: 130px; margin: 0 auto; float:left; margin-left:40px; margin-top:10px; margin-right:25px;}
.qywh .xbox-1 i{ background: url(../image/q1.png) no-repeat;}
.qywh .xbox-2 i{ background: url(../image/q3.png) no-repeat;}
.qywh .xbox-3 i{ background: url(../image/q5.png) no-repeat;}
.qywh .xbox-4 i{ background: url(../image/q7.png) no-repeat;}
.qywh .xbox-1:hover i{ background: url(../image/q2.png) no-repeat;}
.qywh .xbox-2:hover i{ background: url(../image/q4.png) no-repeat;}
.qywh .xbox-3:hover i{ background: url(../image/q6.png) no-repeat;}
.qywh .xbox-4:hover i{ background: url(../image/q8.png) no-repeat;}

.about_ywbt{ font-size:26px;text-transform:uppercase}

.xwfl a{ color:#666666;}
.xwfl a:hover{ color:#E7000A; border-bottom:3px solid #E7000A;}
.xwfl .active{color:#E7000A; border-bottom:3px solid #E7000A;}

.news-box{ border-bottom:1px solid #E5E5E5; padding-bottom:40px; margin-bottom:30px;}
.news-box .nimg{ width:30%; float:left;}
.news-box .nimg img{ width:100%;}
.news-box ul{ margin-left:30px; float:left; width:55%; padding-top:30px;}
.news-box .news-panel i{ background: url(../image/w2.jpg) no-repeat; display: block; width: 48px; height: 48px; margin: 0 auto; position:absolute; right:0px; top:90px;}
.news-box .news-panel:hover i{ background: url(../image/w1.jpg) no-repeat;}
.news-box:hover{ border-bottom:1px solid #E7000A;transition: all 0.9s;}
.news-box .news-panel:hover h4{ color:#E7000A;}

.ab_pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden}
.ab_pages ul{display:inline-block;margin:0 auto;padding:0}
.ab_pages ul a{color:#555;display:block;padding: 7px 15px;float: left;margin: 0 5px;font-size:16px; background-color:#E5E5E5;}
.ab_pages ul a.page-num-current{ background:#D6000A;  color:#FFFFFF;}
.ab_pages ul a:hover{ background:#D6000A; color:#FFFFFF;}

.bgx{ border:1px solid #E6E6E6; width:100%; padding:15px;}
.menu_list{width:100%;margin:0 auto;}
.menu_head{
	height: 47px;
	line-height: 47px;
	padding-left: 28px;
	font-size: 14px;
	color: #525252;
	cursor: pointer;
	border-left: 1px solid #E2E2E7;
	border-right: 1px solid #E2E2E7;
	border-bottom: 1px solid #E2E2E7;
	border-top: 1px solid #F1F1F1;
	position: relative;
	margin: 0px;
	background: #F6F6F6 url(../image/pro_left.png) center right no-repeat;
}
.menu_list .current{background:#f1f1f1 url(../image/pro_down.png) center right no-repeat; color:#E7000A;}
.menu_body{
	line-height: 38px;
	border-left: 1px solid #E2E2E7;
	backguound: #fff;
	border-right: 1px solid #E2E2E7;
	
}
.menu_body a{display:block;height:45px;line-height:45px;padding-left:48px; font-size:14px;color:#777777;background:#fff;text-decoration:none;border-bottom:1px solid #E2E2E7; font-weight:300;}
.menu_body a:hover{text-decoration:none; color:#E7000A;}

.cpss{ margin-bottom:35px; margin-top:30px;}
.cpssk{ border:1px solid #f1f1f1; height:40px; line-height:40px; padding-left:10px; color:#666666; width:230px; float:left;}
.cpss button{border:1px solid #f1f1f1; height:40px; line-height:40px; float:left;cursor:pointer;}
.cpss button:hover{ background-color:#E7000A; color:#FFFFFF; border:none;}

.tm-det{position: relative; padding-top:25px;}

.ckgd{ width:210px; height:50px; background-color:#E7000A; text-align:center; line-height:50px; display:block; color:#FFFFFF;border-radius: 50px; margin:auto; margin-top:35px;}
.ckgd:hover{ background-color:#eeeeee;} 

.imglist{ width:100%; border:1px solid #E2E2E7; margin-bottom:30px;} 
.imglist .tm-f{ width:100%; background-color:#E7000A; color:#FFFFFF; padding-top:5px; padding-bottom:10px;}
.imglist .title { color:#FFFFFF}
.imglist .title:hover{ color:#CCCCCC;}
.imglist:hover{ border:1px solid #E7000A;}


.dt_map .du_size{ border:1px solid #eeeeee; padding:20px;}
.dt_map .du_size  h5{ color:#E7010B;}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.slide_container {
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 100%;
  }

.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }
  
 .slide img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.slide .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }
  
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../image/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.slide_nav:active {
  opacity: 1.0;
  }

.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }
  
  
.fleft{ float:left;}
.jright{ padding-left:50px; padding-top:50px;}
.jmore{ width:130px; height:40px; line-height:40px; border:1px solid #eeeeee; text-align:center; display:block;border-radius:25px; color:#666666;}
.jmore:hover{ background-color:#E7000A; color:#FFFFFF;}
.clear{ clear:both;}
.jj1{ width:100%; clear:both;}
.jj1 .w50{ width:50%; float:left;}
.bgys{ padding-right:40px;}
.xbts{ width:100px; height:4px; background-color:#E7000A;}
.zlbg{ background-color:#F7F7F7; overflow:hidden;}

.fwzc{ width:31%; height:230px; float:left; background-color:#FFFFFF;box-shadow: 0 5px 5px rgba(0,0,0,0.1); border:1px solid #eeeeee; margin-bottom:30px; margin-right:30px;}
.fwzc img{ padding-left:15px; padding-top:45px;}
.fwzc ul{ width:60%; margin-left:5%; padding-top:7%;}
.fwzc:hover{ border:1px solid #E7000A;}
.fwzc:nth-child(3n){ margin-right:0px;}

.fwzcbgr h3{ color:#FFFFFF;}
.fwzcbg_left{ width:50%; background:url(../image/fwzc1.jpg);text-align:center; color:#FFFFFF;}
.fwzcbg_right{ width:50%; background:url(../image/fwzc2.jpg);text-align:center; color:#FFFFFF;}


.form-select select{border:1px solid #ccc;border-radius:2px;padding:5px 3px;margin-right:11px; width:130px; height:28px; line-height:28px;_vertical-align: bottom; _margin-top:3px;}
.form-select .mr0{ margin-right:0;}
.Cootion{ width:100%; background-color:#f5f5f5; padding:50px 0px;} 
.m_map{ width:989px; height:724px; margin:30px auto; position:relative;  background:url(../image/diru.png) no-repeat 0 0 ;}
.tait{ font-size:36px; font-weight:bold; color:#666666; text-align:center;  left:100px;}
.tait span{ color:#ff6d3b;}
.tait2{font-size:36px; font-weight:bold; color:#666666; text-align:center; padding:50px 0px;}
.mp{ position:absolute; cursor:pointer; background:url(../image/fi1.png) no-repeat 4px 20px; width:24px; height:63px; -webkit-transition:all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out;}
.mp:hover{ background:url(../image/fi2.png) no-repeat 4px 20px; -webkit-transition:all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out;}
.hover_tu{background:url(../image/fi2.png) no-repeat 4px 20px;}
.mp .mito{ position:absolute; left:0px; bottom:0px; font-size:12px; color:#666666;}
.mp .find_mi1{ left:-12px; width:55px;}
.mp .find_mi2{ left:-5px; width:55px;}
.feng{ position:absolute; display:none; width:347px; background:url(../image/vf1.png) no-repeat 0 top; z-index:10;}
.feng .tree{ padding-bottom:20px;width:330px; margin:9px;}
.feng .tree .du_size{ float:right; width:100%;} 
.feng .tree .du_size p{ font-size:12px; color:#FFF; line-height:20px;}

.mp1{left:727px; top:428px; }
.mp2{left:524px; top:474px; }
.mp3{left:747px; top:408px; }
.mp4{left:727px; top:385px; }
.mp5{left:790px; top:256px; }
.mp6{left:646px; top:604px; }
.mp7{left:616px; top:614px; }

@media(max-width:1484px){
.tel{ display:none;}
#pagination { left:18%;}
}

ul,li{ list-style:none;}

.poster-main {
    position: relative;
    width: 100%;
    height: 440px!important;
    margin-left: auto;
    margin-right: auto;
	margin-top:50px;
	margin-bottom:50px;
}
.poster-main img {
    display: block;
    box-shadow: 0px 0px 10px #222222;
    -webkit-box-shadow: 0px 0px 10px #222222;
}

.poster-main a, .poster-main img {
  display: block;
  width: 100%;
  height: 100%;
}
.poster-main img {}
.poster-main .poster-list {
  width: 1000px;
  height: 500px;
}
.poster-main .poster-list .poster-item {
  width: 200px;
  height: 500px;
  position: absolute;
  left: 0;
  top: 0;
}
.poster-main .poster-list .poster-item .item {
  position: relative;
  width: 100%;
  height: 100%
}
.poster-main .poster-btn {
  position: absolute;
  top: 0;
  cursor: pointer;
  filter: opacity(.5) brightness(1);
}
.poster-main .poster-btn:hover {
  filter: opacity(1) brightness(2);
}
.poster-main .poster-prev-btn {
  left: 0;
  background: url(../image/left.png) no-repeat center center;
}
.poster-main .poster-next-btn {
  right: 0;
  background: url(../image/right.png) no-repeat center center;
}
.poster-item-title {
 background:rgba(200, 0, 11, 0.8) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
filter:Alpha(opacity=80); background:#C8000B;

  color: #FFF;
  width: 100%;
  height: 82px;
  line-height: 82px;
  position: absolute;
  bottom: 0;
  text-indent: 39px;
  font-size:22px;
}
.lunbo_btn {
  height: 15px;
  width: 100%;
  margin: 0px auto;

  position: absolute;
  z-index: 3;
  text-align: center; bottom: 2px
}
.lunbo_btn li {
  width: 14px;
  height: 14px;
  display: inline-block;
  background-color: #666666;
  border-radius: 50%;
  margin: 0px 2px;
  cursor: pointer;
}
.lunbo_btn li.poster-btn-active {
  background-color: #C8000B;
}

.prlx{width:180px; height:45px; line-height:45px; font-size:18px; background-color:#f42222; text-align:center; color:#FFFFFF;border-radius: 30px;}